@extends('layouts.app')

@section('content')
<div class="public-fontsize">
    <div class="col-xs-12 clear" style="padding:0;">
    	<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
		  <div class="carousel-inner" role="listbox">
		    <a href="#1" class="item active ">
		     <img src="{{ asset('images/banner-01.png') }}" alt="..." style="margin:0 auto;">
		   </a>
		   <a href="#2" class="item">
		     <img src="{{ asset('images/banner-02.png') }}" alt="..." style="margin:0 auto;">
		   </a>
		    <!--  <a class="carousel-control left verAlign" href="#myCarousel" data-slide="prev">&lsaquo;</a>
		    <a class="carousel-control right verAlign" href="#myCarousel" data-slide="next">&rsaquo;</a> -->
		  </div>
		   
		  <!-- Controls -->
		  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
		    <span style="position: absolute;top: 36%;left:10px;z-index: 5;display: inline-block;"><img src="{{ asset('images/bleft.png') }}" alt="" width="25"></span>
		    <!-- <span class="sr-only">Previous</span> -->
		  </a>
		  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
		    <span style="position: absolute;top: 36%;right:10px;z-index: 5;display: inline-block;"><img src="{{ asset('images/bright.png') }}" alt="" width="25"></span>
		    <span class="sr-only">Next</span>
		  </a>
		</div>
    </div> 
    <div class="container">
	    <div class="row">
	    	<p class="col-xs-12 textAlign hotStyRed" style="margin:0 0 3px 0;"><img src="{{ asset('images/hot.png') }}" alt="火热活动" width="25">火热活动</p>
			@foreach($activity as $vo)
	    	<!-- <div class="hot-list col-xs-12">
	    		<div class="col-xs-5 liHeight"><span class="coloStyOragin">活动名称</span><br><span class="coloStyOragin">活动金额</span></div>
	    		<div class="col-xs-5 liHeight">{{$vo->name}}<br>{{$vo->money}}</div>

	    		<a class="col-xs-2 btn btn-danger btn-sm mtop" href="{{url('show_activity',array('id'=>$vo->id))}}">详情</a>
	    		<div class="col-xs-12 borderTop liHeight coloSty2">起止时间：{{ date('Y-m-d H:i',$vo->start_time) }}-{{ date('Y-m-d H:i',$vo->end_time) }}</div>
	    	</div> -->
	        
	        <div class="hot-list col-xs-12">
	            <div class="col-xs-5 liHeight03"><span class="coloStyOragin">活动名称</span><br><span class="coloStyOragin">活动金额</span><br><span class="coloStyOragin">参与人数</span></div>
	            <div class="col-xs-5 liHeight03">{{$vo->name}}<br>{{$vo->money}}元<br><span style="color:red">{{$vo->orders->where('status',1)->count()}}</span>人</div>
	            <a class="col-xs-2 btn btn-danger btn-sm mt03" href="{{url('show_activity',array('id'=>$vo->id))}}">详情</a>
	            <div class="col-xs-12 borderTop liHeight03 coloSty2">起止时间：{{ date('Y-m-d H:i',$vo->start_time) }}-{{ date('Y-m-d H:i',$vo->end_time) }}</div>
	        </div>

			@endforeach
	    </div>
	    <div class="textAlign liHeight tdUnderline " id="more">{!! $activity->render() !!}</div>
    </div>
	
</div>
@endsection
